<table>
  <tr>
    <td><h3 style="margin: 5px; padding-top: 5px;">CPR</h3></td>
  </tr>
  <tr>
    <td>Mode</td>
    <td>
      <select id='mode' style="width: 100%"></select>
    </td>
  </tr>
  <tr>
    <td>Centerline</td>
    <td>
      <select id='centerline' style="width: 100%"></select>
    </td>
  </tr>
  <tr>
    <td>Angle</td>
    <td>
      <input id='angle' type='range' min='0' max='360' value='0' step="1"/>
    </td>
  </tr>
  <tr>
    <td>Animate Angle</td>
    <td>
      <input id='animate' type='checkbox' />
    </td>
  </tr>
  <tr>
    <td><h3 style="margin: 5px; padding-top: 5px;">Projection</h3></td>
  </tr>
  <tr>
    <td>Mode</td>
    <td>
      <select id='projectionMode' style="width: 100%"></select>
    </td>
  </tr>
  <tr>
    <td>Thickness</td>
    <td>
      <input id='projectionThickness' type='range' min='0' max='1' value='0' step="0.01"/>
    </td>
  </tr>
  <tr>
    <td>Number of samples</td>
    <td>
      <input id='projectionSamples' type='range' min='1' max='501' value='1' step="2"/>
    </td>
  </tr>
</table>
